// 思路
/**
 * 3.点击提交
 *    1 获取文本域的内容 类似输入框的获取
 *        1 data中定义变量 表示输入框内容
 *        2 文本域绑定输入事件 事件触发的时候 把输入框的值 存入到变量中
 *    2 对这些内容 进行合法验证
 *    3 验证通过 用户选择的图片 上传到专门的图片的服务器 返回图片外网的链接
 *         1 遍历图片数组
 *         2 挨个上传
 *         3 自己再维护图片数组 存放 图片上传后的外网的链接
 * 4.文本域 和外网的图片的路径一起提交到服务器 模拟 不会发送请求到后台
 * 5.清空当前页面 返回上一页
 * 
 */
Page({
  data: {
    tabs: [{
        id: 0,
        value: "体验问题",
        isActive: true
      },
      {
        id: 1,
        value: "商品、商家投诉",
        isActive: false
      }
    ],
    chooseImages:[],
    txtValue:""
  },
  // 外网图片路径数组
  uplpdImags:[],
  // 从子组件传递标题点击事件
  handelfatherTap(e) {
    // console.log();
    let index = e.detail
    let {
      tabs
    } = this.data
    tabs.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false)
    this.setData({
      tabs
    })
  },
  // 点击+选择图片
  handlImg(){
    // 调用小程序的内置选择图片api
    wx.chooseImage({
      // 同时选中的图片数量
      count: 9,
      // 图片的格式 原图 压缩
      sizeType:["original","compressed"],
      //图片的来源 相册 照相机
      sourceType:["album","camera"],
      success:(res)=>{
        console.log(res);
        this.setData({
          // 图片拼接
          chooseImages:[...this.data.chooseImages,...res.tempFilePaths]
        })
      },
      fail:(err)=>{
        console.log(err);
      }
    })
  },
  // 删除
  handlRemove(e){
 
    let {index} = e.currentTarget.dataset
    let {chooseImages} = this.data;
    chooseImages.splice(index,1)
    this.setData({
      chooseImages
    })
  },
  //文本输入框
  handlInput(e){
    console.log(e);
    this.setData({
      txtValue:e.detail.value
    })
  },
  // 提交
  handlForSumin(){
    // 获取文本输入框内容
    let {txtValue,chooseImages} = this.data;
    // 验证输入
    if(!txtValue.trim()){
      wx.showToast({
        title: '输入不合法',
        icon:"none",
        mask:true
      })
      return
    }
    // 准备上传穿图片 api 不支持多个上传 需挨个遍历上传
    chooseImages.forEach((v,i)=>{
      wx.uploadFile({
        // 被上传的文件路径
        filePath:v,
        name: 'file',
        // 图片要上传到哪里
        url: 'https://images.ac.cn/Home/Index/UploadAction/',
        // 顺带的文本信息
        formData: {},
        success: (result) => {
          console.log(result);
          let url = JSON.parse(result.data).url;
          this.uplpdImags.push(url)
          if(i === chooseImage.length-1){
            console.log("提交到后台");
            this.setData({
              txtValue:"",
              chooseImage:[]
            })
            // 返回上一个页面
            wx.navigateBack({
              delta: 1,
            })
          }
        }
      })
    })
    
    
  }
})